.modularTitle{
    margin-top: 60px;
    margin-bottom: 30px;
}
.modularTitle .name {
    color: #858585;
    font-size: 20px;
    float: left;
    border-left: 5px solid #62c604;
    padding-left: 1em;
    text-transform: uppercase;
}

.modularTitle .name span {
    font-size: 1.6em;
    color: #62c604;
    font-weight: bold;
    line-height: 1;
}
.modularTitle .name span i{
    color: #ff9607;
    font-style: normal;
}
.modularTitle .more {
    float: right;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #a6a6a6;
    font-size: 12px;
}

@media (max-width: 768px) {
    .modularTitle {
        font-size: 25px;
        margin: 8% auto 15px auto;
    }
    .modularTitle .name{
        font-size: 12px;
    }
    .modularTitle .name span{
        line-height: 30px
    }
    .recommendProjectList li:nth-child(n+5){
        display: none;
    }
}

/*热搜关键词*/

.hotKeywordsBox {
    border-bottom: #efefef solid 1px;
}

.hotKeywords {
    line-height: 40px;
    color: #969696;
}

.hotKeywords a {
    color: #969696;
}

.searchBtn{
  float: right;
  font-size: 0;
  margin-top: 5px;
}
.searchBtn input{
  height: 30px;
  font-size: 14px;
  font-family: "微软雅黑";
  border: 1px solid #b3b3b3;
  padding: 2px 10px;
  color: #b3b3b3;
  background-color: #fff;
  box-sizing: border-box;
}
.searchBtn input.searchTxt{
  border-radius: 30px 0 0 30px;
  border-right: none;
  width: 200px;
}
.searchBtn input.search_submit{
  border-radius: 0 30px 30px 0;
  cursor: pointer;
}
.searchBtn input.search_submit:hover{
  border-color: #00479d;
  color: #00479d;
}

@media (max-width: 768px) {
    .hotKeywordsBox {
        display: none;
    }
}

/*产品*/

.productBox .prodctTypeList {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.productBox .prodctTypeList .prodctTypeTitle {
    background-color: #6ec600;
    color: #fff;
    text-align: center;
    padding: 26px 0;
}

.productBox .prodctTypeList .prodctTypeTitle .ch {
    display: block;
    font-size: 20px;
}

.productBox .prodctTypeList .prodctTypeTitle .en {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    text-transform: uppercase;
}

.productBox .prodctTypeList ul {
    border: 3px solid #3bb100;
}

.productBox .prodctTypeList li {
    width: 94%;
    margin: 18px auto;
    line-height: 35px;
    text-indent: 1em;
}

.productBox .prodctTypeList li a {
    display: block;
    font-size: 16px;
    color: #fff;
    background: #6ec600;
}

.productBox .prodctTypeList li a:hover {
    background: #ff9600;
}

.productBox .product-tel {
    background: url('../Images/product-tel.jpg');
    text-align: center;
    height: 104px;
    overflow: hidden;
    margin-top: 18px;
}

.productBox .product-tel span {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
}

.productBox .product-tel i {
    display: block;
    color: #fe9601;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
}

.productBox .recommendProductList {
    margin-top: 30px;
    overflow: hidden;
}

.productBox .recommendProductTitle {
    margin-bottom: 5px;
}

.productBox .recommendProductTitle .name {
    color: #858585;
    font-size: 12px;
    float: left;
    border-left: 5px solid #62c604;
    padding: 2px 0 2px 1em;
    text-transform: uppercase;
}

.productBox .recommendProductTitle .name span {
    font-size: 1.6em;
    color: #62c604;
}

.productBox .recommendProductTitle .more {
    float: right;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #a6a6a6;
    font-size: 12px;
}

.recommendProductList li {
    float: left;
    width: 32%;
    margin: .6%;
}

.recommendProductList li a {
    display: block;
    border: 1px solid #d3d3d3;
}

.recommendProductList .imgBox {
    width: 100%;
    padding-bottom: 84%;
    overflow: hidden;
    background: #efefef;
}

.recommendProductList li span {
    display: block;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #d3d3d3;
}

@media (max-width: 768px) {
    .productBox {
        margin-top: 4%;
    }
    .productBox .prodctTypeList{
        float: none;
        width: 100%;
    }
    .productBox .prodctTypeList .prodctTypeTitle{
        padding: 14px;
    }
    .productBox .recommendProductList{
        width: 100%;
    }
    .productBox .prodctTypeList li{
        float: left;
        width: 48%;
        margin: 1%;
        text-align: center;
    }
    .productBox .product-tel{
        display: none;
    }
    .productBox .recommendProductList{
        margin-top: 6%;
    }
    .recommendProductList li{
        width: 48%;
            margin: 1%;
    }
}

/*优势*/

.advantageBox {
    margin-top: 60px;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #6ec600 url('../Images/bg1.jpg') no-repeat center center / cover;
}

.advantageTitle {
    color: #fff;
    text-align: center;
}

.advantageTitle .ch {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.advantageTitle span {
    font-size: 18px;
    position: relative;
}

.advantageTitle span:after,
.advantageTitle span:before {
    position: absolute;
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #fff;
    top: 50%;
}

.advantageTitle span:after {
    left: 100%;
    margin-left: 1em;
}

.advantageTitle span:before {
    right: 100%;
    margin-right: 1em;
}

.advantageList {
    margin-top: 6%;
}

.advantageList li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    color: #fff;
    padding: 0 2%;
    position: relative;
}

.advantageList li:before {
    content: "";
    position: absolute;
    display: block;
    height: 165px;
    width: 1px;
    background-color: #fff;
    top: 0;
    left: 0;
}

.advantageList li:first-child:before {
    display: none;
}

.advantageList li .imgBox {
    padding-bottom: 42%;
}

.advantageList li .advantageListTitle {
    font-size: 22px;
    margin-top: 14%;
    text-align: center;
}

.advantageList li .advantageListContent {
    font-size: 16px;
    margin-top: 10%;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .advantageBox{
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 8%;
    }
    .advantageList li {
        width: 50%;
    }
    .advantageList li .imgBox {
        max-width: 90%;
        max-height: 90%;
    }
    .advantageTitle .ch{
        font-size: 30px;
        margin-bottom: 0.4em;
    }
    .advantageTitle span{
        font-size: 14px;
    }
    .advantageList li{
        margin-bottom: 8%;
    }
    .advantageList li .advantageListTitle{
        font-size: 18px;
        margin-top: 10%;
    }
    .advantageList li .advantageListContent{
        font-size: 12px;
        margin-top: 8%;
    }
    .advantageList li:before{
        height: 100px;
    }
}

/*工程*/

.recommendProjectList {
    position: relative;
}

.recommendProjectList li {
    float: left;
    width: 23%;
    margin: 1%;
}

.recommendProjectList .imgBox {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    background: #e4e4e4;
}

.recommendProjectList li span {
    display: block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    background: #e4e4e4;
}

@media (max-width: 768px) {
    .recommendProjectList ul {
        width: 100%;
    }
    .recommendProjectList li {
        width: 48%;
        margin: 1%;
    }
    .recommendProjectList li span {
        font-size: 14px;
    }
}

/*首页关于我们*/
.aboutBox{
    margin-top: 60px;
    background: #3bb100 url('../Images/bg2.jpg') no-repeat center center / cover;
    padding: 100px 0 60px 0;
}
.aboutBox .modularTitle .name{
    float: right;
    color: #fff;
}
.aboutBox .modularTitle .name span{
    color: #fff;
}
.content-out{
    border: 8px solid rgba(255,255,255,.4);
    padding: 10px;
    position: relative;
    width: 910px;
    max-width: 90%;
    margin-right: 0;
    margin-left: auto;
}
.content-in{
    border: 8px solid #fff;
    padding: 10px;
    color: #fff;
    min-height: 344px;
    padding-left: 130px;
    padding-right: 40px;
    padding-top: 54px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 1.6;
}
.content-in .more{
    text-align: right;
    margin-top: 25px;
}
.content-in .more a{
    display: inline-block;
    background-color: #ff9600;
    color: #fff;
    padding: 5px 30px;
}
.content-in .aboutImg{
    position: absolute;
    top: -150px;
    left: -330px;
}
@media (max-width: 768px) {
    .aboutBox{
        margin-top: 8%;
        padding: 4% 0;
    }
    .aboutBox .modularTitle .name{
        float: left;
    }
    .content-out{
        border-width: 4px;
        width: 96%;
        margin-right: auto;
        max-width: 96%;
    }
    .content-in{
        border-width: 4px;
        padding: 15px;
    }
    .content-in .more{
        text-align: center;
    }
    .content-in .aboutImg{
        display: none;
    }
}

/*新闻*/

.newsList .imgBox{
    float: left;
    width: 454px;
    height: 350px;
    margin-right: 35px;
}

.newsList ul{
    overflow: hidden;
}
.newsList li{
    float: left;
    width: 47%;
    font-size: 18px;
    margin-right: 6%;
    line-height: 3;
    border-bottom: 1px dashed #ccc;
}
.newsList li a:before{
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url('../Images/news-icon.png') no-repeat center center / 90% 90%;
    margin-right: .5em;
}
.newsList li:nth-child(2n-1){
    margin-right: 0;
}
.newsList li:first-child{
    float: none;
    width: 100%;
    padding-bottom: 25px;
}
.newsList li:first-child a:before{
    display: none;
}
.newsList li .itemTitle {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 25px;
    position: relative;
}
.newsList li .itemTitle time
{
    color: #ccc;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 0;
}
.newsList li .itemText{
    line-height: 1.6;
    font-size: 16px;
}
@media (max-width: 768px) {
    .newsList .imgBox{
        display: none;  
    }
    .newsList{
        padding: 0 10px;
    }
    .newsList li .itemTitle{
        font-size: 22px;
        margin-bottom: 1em;
    }
    .newsList li .itemTitle time
    {
        display: none;
    }
    .newsList li .itemText{
        font-size: 14px;
    }
    .newsList li{
        width: 100%;
        margin-right: 0;
    }
    .newsList li:nth-child(n+6){
        display: none;
    }
    .newsList li:first-child{
        margin-top: .5em;
    }
}

/*相关信息*/

.relativeBox {
    background: #f6ffec;
    overflow: hidden;
    padding-bottom: 40px;
    margin-top: 60px;
}

.relativeBox li {
    float: left;
    padding: 3px 10px;
    width: 25%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.relativeBox .relativeList {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .relativeBox li {
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/*友情链接*/

.friendShipBox {
    padding-bottom: 40px;
    background: #f6ffec;
    margin-top: 40px;
    overflow: hidden;
}

.friendShipBox li {
    float: left;
    padding: 3px 10px;
}

.friendShipBox .friendShipList {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .friendShipBox {
        display: none;
    }
}